<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" %>
<%@ taglib uri="/struts-tags" prefix="s" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="description" content='' />
        <meta name="keywords" content=''/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>羁押必要性|登陆</title>
		<link rel="shortcut icon " type="images/x-icon" href="${basePath }/page/images/logo.png"> 
        <link rel="stylesheet" type="text/css" href="${basePath }/page/css/reset.css" />
        <link rel="stylesheet" type="text/css" href="${basePath }/page/css/style.css" />
        <link rel="stylesheet" type="text/css" href="${basePath }/page/css/media.css" />
    	<script type="text/javascript" src="${basePath }/page/js/jQuery.js"></script>
		<script type="text/javascript" src="${basePath }/page/js/layer/layer.js"></script>
		<script type="text/javascript" src="${basePath }/page/js/common.js"></script>
		<script type="text/javascript" src="${basePath }/page/js/login.js"></script>
    </head>
    <body>
        <div class="loginBg">
            <div class="wrap">
                <div class="login-title">
                    <img src="${basePath }/page/images/login-title.png" alt="" />
                </div>
                <!-- login -->
                <div class="login-dialog">
                    <form id="login" action="${basePath }/wxAdminAction_login.action" method="post">
                        <div class="name">
                            <input id="loginUsername" type="text" placeholder="请输入用户名" />
                        </div>
                        <div class="password">
                            <input id="loginPassword" type="password" placeholder="请输入密码" />
                        </div>
                        <div class="remeber">
                            <i class="remeber-icon active"></i>
                            <span class="text">记住账号</span>
                            <span>
                            <font  color="red">
								<s:actionerror/>
							</font>
							</span>
                        </div>
                        <div class="login-btn-wrapper">
                            <a  href="javascript:;" class="register-btn">管理员账号注册</a>
                            <a  href="javascript:;" class="login-btn">登录</a>
                        </div>
                    </form>
                </div>
                <!-- 注册 -->
                <div class="register-msk none">
                <form id="register" action="${basePath }/wxAdminAction_register.action" method="post">
                    <div class="register-title">
                        <span>管理员账号注册</span>
                        <a href="javascript:;" class="register-close fr"></a>
                    </div>
                    <div class="register-container">
                        <div class="register-item1">
                            <div class="name" >
                                <span>用户名：</span>
                                <input type="text" name="username" id="username"/>
                                <i>*</i>
                                <b class="name-error"><font color="red"></font></b>
                                <script type="text/javascript">
                                //异步校验重复用户名
                                $("#username").focusout(function() {
                                var username = $('#username').val();
                                var data = {'checkUsername':username}; 
                                var url = "${basePath }/wxAdminAction_checkUserByName.action";
                                $.post(url,data,function(result){
                                    if(result == "0"){
                                    	$('.name-error').css({
                                    		fontSize: '12px',
                                    		color: 'green'
                                    	});
                                    	$('.name-error').text('可用的用户名!');
                                }else if(result == "1"){
                                	$('.name-error').css({
                                		fontSize: '12px',
                                		color: 'red'
                                	});
                                	$('.name-error').text('用户名已存在!');
                                }
                            	});
                                });
                                </script>	
                            </div>
                            <div class="password clearfix">
                                <span>密&nbsp;&nbsp;&nbsp;&nbsp;码：</span>
                                <input type="password" name="password" />
                                <i>*</i>
                                <p>密码建议用6-20位数字和英文组合字符</p>
                            </div>
                            <div class="password-align" >
                                <span>确认密码：</span>
                                <input type="password" />
                                <i>*</i>
                                <p>密码建议用6-20位数字和英文组合字符</p>
                            </div>
                        </div>
                        <div class="register-item2">
                            <div class="name">
                                <span>姓&nbsp;&nbsp;&nbsp;&nbsp;名：</span>
                                <input type="text" name="truename" id="truename"/>
                            </div>
                            <div class="zhenghao">
                                 <span>检查证号：</span>
                                <input type="text" name="excardno" id="excardno"/>
                            </div>
                            <div class="mingcheng" >
                                 <span>单位名称：</span>
                                <input type="text" name="compname" id="compname"/>
                            </div>
                            <div class="jiancheng">
                                 <span>单位简称：</span>
                                <input type="text" name="compshortname" id="compshortname"/>
                            </div>
                        </div>
                        <div class="register-item3">
                            <div class="question-one">
                                <span>密码提示问题1：</span>
                                <select name="findpassques1" id="findpassques1" onfocus="findDicQues1()">
                                    <option selected="selected" value="" >------请选择------</option>
<!--                                     <option value="1" >您的生日？</option> -->
<!--                                     <option value="2">您的父亲的姓名？</option> -->
<!--                                     <option value="3">您的年龄？</option> -->
<!--                                     <option value="4">您的母亲的姓名？</option> -->
<!--                                     <option value="5">您就读的高中是？</option> -->
<!--                                     <option value="6">您就读的初中是？</option> -->
<!--                                     <option value="7">您就读的小学是？</option> -->
                                </select>
                                <i>*</i>
                            </div>
                            <div class="answer-one">
                                 <span>密码提示回答1：</span>
                                <input type="text" name="findpassans1" id="findpassans1"/>
                                <i>*</i>
                            </div>
                            <div class="question-two">
                                <span>密码提示问题2：</span>
                                <select name="findpassques2" id="findpassques2" onfocus="findDicQues2()" >
                                    <option selected="selected" value="">------请选择------</option>
                                </select>
                                <i>*</i>
                            </div>
                            <div class="answer-two">
                                 <span>密码提示回答2：</span>
                                <input type="text" name="findpassans2" id="findpassans2"/>
                                <i>*</i>
                            </div>
                        </div>
                        <div class="register-btn-wrapper">
                            <a href="javascript:;" class="create-btn">创建管理员账号</a>
                            <a href="javascript:;" class="cancel-btn">取消</a>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="${basePath }/page/js/jQuery.js"></script>
    <script type="text/javascript" src="${basePath }/page/js/layer/layer.js"></script>
    <script type="text/javascript" src="${basePath }/page/js/common.js"></script>
    <script type="text/javascript" src="${basePath }/page/js/login.js"></script>
</html>